<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>小马过河</title>
    <base href="${pageContext.request.contextPath}/" />
	<link rel="stylesheet" type="text/css" href="easyui/themes/metro/easyui.css">
	<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="easyui/demo/demo.css">
</head>
<body class="easyui-layout">
    <div data-options="region:'north',border:false" style="height:40px;padding:5px;background:#5db2ff;">
	    <div style="float:right">
	        <a id="btn-home" href="javascript:void(0)" class="easyui-linkbutton" data-options="plain:true,disabled:true">欢迎：${CURRENT_USER.name}</a> |
	        <a id="btn-home" href="logout" class="easyui-linkbutton" data-options="plain:true">退出</a>
	    </div>
	</div>
	
	<div data-options="region:'west',split:true,title:'导航菜单'" style="width:250px;padding:10px;">
	    <div class="easyui-panel" data-options="fit:true">
	        <ul id="_menu"></ul>
	    </div>
	</div>
	
	<div data-options="region:'center',title:'内容区'"><div id="show_area" style="height:100%"></div></div>
	
	<div data-options="region:'south',border:false" style="height:50px;background:#5db2ff;padding:10px;">
	  south region
	</div>
	
	
    <script type="text/javascript" src="easyui/jquery.min.js"></script>
    <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="js/bingox.js"></script>
    <script>
      $(function($){
    	  $("#c1").click(function(){
    		  $("#show_area").load("html/c1.html");
    	  });
    	  $("#c2").click(function(){
    		  $("#show_area").load("html/c2.html");
    	  });
      })
    </script>
</body>
</html>
